#app {
  // font-family: Avenir, Helvetica, Arial, sans-serif;

  height: 100%;
}

body {
  height: 100%;
  background-color: #141518;

  // background-color: black;
  // color: #fff;
}

.el-main{
  padding: 0px !important;
}

// flex 布局
.flex{
  display: flex;
  // align-items: center;
}

.flex1{
  flex: 1;
}

.align-center{
  align-items: center;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-end{
  justify-content: flex-end;
}

.flex-column{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

// grid 布局
.grid{
  display: grid;
}

.grid-cols-2{
  grid-template-columns: repeat(2, 1fr);
}

.gap-20{
  gap: 20px;
}

// 滚动条样式
.default-scroll{
  /* 滚动条整体部分 */
  &::-webkit-scrollbar {
      width: 5px;
      /* 滚动条宽度 */
      height: 5px;
      /* 滚动条高度 */
  }

  /* 滚动条滑块 */
  &::-webkit-scrollbar-thumb {
      background: #eee;
      /* 滑块颜色 */
      border-radius: 10px;
      /* 滑块圆角 */
  }

  /* 滚动条轨道 */
  &::-webkit-scrollbar-track {
      background: transparent;
      /* 轨道颜色 */
  }
}

h3{
  margin:0;
  padding:0;
}

// 默认按钮样式
.btn{
  font-size: 12px;
  color: @btn-color!important;
  cursor: pointer;
}